@import "../../../css/global";

.tab {
  height: .88rem;
  background: rgba(255, 255, 255, 1);
  & > div {
    width: .02rem;
    height: .48rem;
    background: rgba(243, 243, 243, 1);
  }

  .a {
    background: rgba(255, 255, 255, 1);
    div {
      width: .88rem;
      height: .8rem;
      span {
        width: .84rem;
        height: .28rem;
        font-size: .28rem;
        color: rgba(23, 28, 47, 1);
        line-height: .28rem;
      }
    }
  }
  & > .a.active > div {
    border-bottom: .04rem solid rgba(250, 48, 45, 1);
    border-top: .04rem solid rgba(0, 0, 0, 0);
  }
}

.main {
  .policy-list {
    margin: .4rem 0;
    & > li {
      height: 2rem;
      margin: .32rem;
      background: rgba(255, 255, 255, 1);
      box-shadow: 0 0.01rem 0.02rem 0 rgba(0, 0, 0, 0.18), 0 0.01rem 0.02rem 0 rgba(0, 0, 0, 0.04), 0 0.01rem 0.06rem 0 rgba(0, 0, 0, 0.04);
      border-radius: .16rem;
      .title {
        width: 3.74rem;
        max-height: .68rem;
        @include ellipsis(2);
        margin-bottom: .32rem;
        font-size: .34rem;
        color: rgba(34, 34, 34, 1);
        line-height: .34rem;
      }
      .img {
        width: 2rem;
        height: 1.36rem;
        border-radius: .08rem;
        margin-right: .48rem;
      }
      .date {
        height: .26rem;
        font-size: .26rem;
        color: rgba(140, 140, 140, 1);
        line-height: .26rem;
      }
      .icon {
        width: .36rem;
        height: .36rem;
        background: url("../../../img/ic_list_eye.png") center no-repeat;
        background-size: contain;
      }
      .click {
        height: .26rem;
        margin-left: .12rem;
        font-size: .26rem;
        color: rgba(140, 140, 140, 1);
        line-height: .26rem;
      }
    }
  }
}
